<template>
    <!-- 自定义v-model例如vue颜色选择器： -->
    <input type="text"
        :value="text1"
        @input="$emit('change1',$event.target.value)"
    >
    <!-- 1.上面的input使用了:value而不是v-model -->
    <!-- 2.上面的change1和model.event要对应起来 -->
    <!-- 3.text1属性对应起来 -->
</template>
<script>

export default {
    name:'CustomVModel',
    model:{
        prop:'text1', //对应props里的text
        event:'change1'
    },
    props:{
        text1:String,
        default(){
            return ''
        }
    }
}
</script>